<html>
  <head>
    <meta name="apple-mobile-web- app-capable" content="yes" />
    <meta name="viewport" content="width=device-width" />
    <link rel="apple-touch-icon" href="supermapsthumb.png" />
    <link rel="stylesheet" href="stylesheets/index.css" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="ciui/CiUI.css" />
    <script src="ciui/CiUI.js" type="text/javascript"></script>
    <title>My Lists</title>
    <?php
      include('./varsandfunctions.php');
    ?>
  </head>

<style>
#createnew{
	margin: 10px 60px;
	padding: 10px 10px 5px 10px;
	text-align:center;
	position:relative;
	width:180px;
	height:30px;
	border: 0.5px solid black;
	-webkit-border-radius:10px;
	-webkit-box-shadow: lightgreen 0px 0px 30px;
	background-color:green;
	font-size:1.2em;
	font-family:American Typewriter;
	color:white;
}
</style>

  <body>

    <?php
      include('./navbar.html');
    ?>
  <div id="iphone_body" style="clear:both;">
    <div id="iphone_header">
      <div id="iphone_backbutton">
          <img src="ciui/images/back_button.png" border="0" align="left" />
          <a id="iphone_backbutton_text" href="#" class="go_back">Back</a>
      </div>
    <div id="iphone_title"></div>
  </div>
  
  
      
<a href="newlist.php" style="text-decoration:none;"><div id="createnew">Create New List</div></a>

  <!-- List all the Lists here -->
  <?php
    $lists = make_query('select * from Lists order by name asc')->fetchAll(PDO::FETCH_ASSOC); //An array of arrays
    echo('<ul class="menu">');
    foreach($lists as $list) {
      //<a href="listinfo.php">'.$list[name].'</a>
      echo('<li><form method="post" action="listinfo.php"><input type="hidden" name="listinfo_id" value="'.$list[id].'"><input class="list_button" type="submit" value="'.$list[name].'"></form></li>');
    }
    echo('</ul>');
  ?>
   
<br style="clear:both"/>
</div>

  </body>
</html>

